<template>
  <div id="foot">
    <div id="information">
      <!-- 第一列：联系方式 -->
      <div class="contact_way">
        <div class="company_name">北京仟慧网络科技有限公司</div>
        <div class="contact_way_font">
          地址：北京市海淀区四道口华杰大厦轻创空间
        </div>
        <div class="contact_way_font">电话：010-00000000</div>
        <div class="contact_way_font">邮箱：support@modao.cc</div>
      </div>
      <!-- 第二列：信息介绍 -->
      <div class="information_profile">
        <div class="company_profile">企业介绍</div>
        <div class="company_information">品牌介绍</div>
        <div class="company_information">团队介绍</div>
        <div class="company_information">关于我们</div>
      </div>
      <!-- 第三列：服务介绍 -->
      <div class="service_introduction ">
        <div class="scope_of_services">服务范围</div>
        <div class="company_information">产品介绍</div>
        <div class="company_information">新闻动态</div>
        <div class="company_information">服务品牌</div>
      </div>
    </div>
    <!-- 备案信息 -->
    <div class="archival_information">
      浙公网安备 33010602009975号浙B2-20080101-41
    </div>
  </div>
</template>

<script>
export default {
  name: "Foot"
};
</script>

<style >
#information {
  display: flex;
  justify-content: space-around;
}
.contact_way {
  /* background: yellow; */
  height: 100%;
  width: 30%;
}
.contact_way_font {
  font-size: 14px;
  color: #aeaeae;
}
.information_profile {
  /* background: orange; */
  height: 100%;
  width: 30%;
}
.service_introduction {
  /* background: yellow; */
  height: 100%;
  width: 30%;
}

.company_name {
  color: #101010;
  font-size: 20px;
  padding-bottom: 20px;
}
.company_profile {
  color: #aeaeae;
  font-size: 16px;
  padding-bottom: 20px;
}
.scope_of_services {
  color: #aeaeae;
  font-size: 16px;
  padding-bottom: 20px;
}
.company_information {
  font-size: 14px;
  color: #101010;
}
.archival_information{
    height: 60px;
    /* background-color: red; */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
</style>